<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/style.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/info.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/common.css"/>
    <script src="${pageContext.request.contextPath}/statics/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/statics/js/jQuery3.4.1.js"></script>
    <script src="${pageContext.request.contextPath}/statics/js/bootstrap.bundle.min.js"></script>
    <script src="${pageContext.request.contextPath}/statics/js/Common.js"></script>

</head>

<body>
<div class="top">
    <%@include file="/common/top.jsp" %>
</div>

<div class="main" style="min-width: 1200px;">
    <div class="job-banner">
        <div class="job-primary detail-box">
            <div class="info-primary">
                <div class="job-status">${sessionScope.jobInfo.state}</div>
                <div class="name">
                    <h1>${sessionScope.jobInfo.name}</h1>
                    <span class="salary">${sessionScope.jobInfo.wage}</span>
                </div>
                <p>
                    ${sessionScope.jobInfo.ed_background}
                    <em class="dolt"></em> ${sessionScope.jobInfo.work_experience}
                    <em class="dolt"></em> ${sessionScope.jobInfo.treatment}
                </p>
            </div>
            <div class="tag-container">
                <div class="btn-container">
                    <div><a href="" class="btn btn-interest"><i class="fa fa-user"></i>感兴趣</a></div>
                    <div><a href="" class="btn btn-startchat">立即投递</a></div>
                </div>
            </div>
        </div>
    </div>

    <div class="job-box">
        <div class="inner home-inner">


            <div class="job-sider">


                <div class="sider-company">
                    <p class="title">公司基本信息</p>
                    <div class="company-info">
                        <a ka="job-detail-company-logo_custompage" href="#" title="${sessionScope.enterInfo.e_name}" target="_blank">
                            <img src="/hotel/show/${sessionScope.enterInfo.e_photo}" alt="">
                        </a>
                        <a ka="job-detail-company_custompage" href="#" title="美团招聘" target="_blank">
                            ${sessionScope.enterInfo.e_name}
                        </a>
                    </div>
                    <p><i class="icon-stage"></i>已上市</p>
                    <p><i class="icon-scale"></i>10000人以上</p>
                    <p><i class="icon-industry"></i><a ka="job-detail-brandindustry" href="#">${sessionScope.enterInfo.e_type}</a></p>
                </div>

                <div class="promotion-job">
                    <h3><a href="#" rel="nofollow" ka="more-similar-jobs2" class="more" target="_blank">更多相似职位<i
                            class="fa fa-angle-right" style="margin-left: 10px;"></i></a>相似职位</h3>
                    <ul>
                        <li>123123</li>
                    </ul>
                    <div class="view-more">
                        <a href="#" rel="nofollow" target="_blank" ka="more-similar-jobs3">
                            <i class="more">更多相似职位<i class="fa fa-angle-right" style="margin-left: 10px;"></i></i>
                        </a>
                    </div>
                </div>

            </div>


            <div class="job-detail">
                <div class="detail-content">
                    <div class="job-sec">
                        <h3>职位描述</h3>
                        <div class="text">
                            ${sessionScope.jobInfo.job_description}
                        </div>
                    </div>
                    <div class="job-sec company-info">
                        <h3>公司介绍</h3>
                        <div class="text fold-text"> ${sessionScope.enterInfo.e_intro}</div>
                        <a ka="job-comintroduce" href="#" target="_blank" class="look-all">

                            <span>...</span>查看全部
                        </a>
                    </div>
                    <div class="job-sec">
                        <h3>工作地址</h3>
                        <div class="job-location">
                            <div class="location-address"><i class="fa fa-map-marker" style="margin-right: 12px">
                            </i>${sessionScope.jobInfo.workplace}</div>
                        </div>
                    </div>
                    <div class="mgsInfo-box">

                        <h3>职位评论</h3>
                        <div class="slider-main" style="height: 391px;">
                            <ul>
                                <li></li>
                            </ul>
                            <a href="javascript:;" class="btn-direction btn-prev prev fa fa-angle-left"></a>
                            <a href="javascript:;" class="btn-direction btn-next next fa fa-angle-right"></a>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<%@include file="/common/ubottom.jsp" %>
</body>
<script>
    $(window).scroll(function () {
        var top = $(window).scrollTop();
        if (top > 56) {
            $(".job-banner").addClass("job-banner-abs");

        } else {
            $(".job-banner").removeClass("job-banner-abs");

        }
    });
</script>

</html>
